<template>
  <div class="fans-item-box">
    <div class="left">
      <img src="" alt="" />
      <div class="name">{{ fans.name }}</div>
    </div>
  </div>
</template>
<script setup>
import { defineProps } from "vue";

const props = defineProps({
  fans: Object,
});
console.log(props);
</script>
<style lang="scss" scoped>
.fans-item-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 20px 0;
  background-color: blue;
  .left {
    display: flex;
    flex-direction: row;
    img {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      margin-right: 20px;
    }
    .name {
      display: flex;
      flex-direction: column;
      justify-content: center;
      color: #000;
    }
  }
}
</style>
